<!DOCTYPE html>
<!-- saved from url=(0041)http://danci.yfhl.net:8080/dcsj/web/index -->
<html lang="UTF-8">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>校笑效单词学习系统</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="keywords" content="校笑效单词学习系统">
		<meta name="description" content="校笑效单词学习系统">
		<link rel="shortcut icon" href="http://danci.yfhl.net:8080/dcsj/static/web/favicon.ico">
		<link rel="stylesheet" href="./校笑效单词学习系统_files/reset.css">
		<link rel="stylesheet" href="./校笑效单词学习系统_files/bootstrap.min.css">
		<link rel="stylesheet" href="./校笑效单词学习系统_files/iconfont.css">
		<link rel="stylesheet" href="./校笑效单词学习系统_files/style.css">
		<script src="./校笑效单词学习系统_files/hm.js.下载"></script>
		<script src="./校笑效单词学习系统_files/jquery-1.12.4.min.js.下载"></script>
		<script src="./校笑效单词学习系统_files/bootstrap.min.js.下载"></script>
		<script src="./校笑效单词学习系统_files/layer.js.下载"></script>
		<link rel="stylesheet" href="./校笑效单词学习系统_files/layer.css" id="layuicss-skinlayercss">
		<script src="./校笑效单词学习系统_files/script.js.下载"></script>
	</head>

	<body rlt="1" style="">
		<div class="body-bg"></div>
		<div class="header">
			<div class="container">
				<div class="row">
					<div class="col-sm-1-5">

					</div>
					<div class="col-sm-4-5">
						<ul class="nav">
							<li class="active">
								<a href="" t_href="/dcsj/web/index">首页</a>
							</li>
							<li>
								<a href="" t_href="/dcsj/web/wordPK">单词PK赛</a>
							</li>
							<li>
								<a href="" t_href="/dcsj/web/leaderboard">排行榜</a>
							</li>
							<li>
								<a href="" t_href="#">兴趣听力</a>
							</li>
							<li>
								<a href="" t_href="#">倍速阅读</a>
							</li>
							<li>
								<a href="" t_href="#">通关语法</a>
							</li>
							<li>
								<a href="" t_href="/dcsj/web/mall">南开商城</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="row">
					<div id="mainMenu" class="col-sm-1-5 main-menu">

						<div class="info">
							<img src="./校笑效单词学习系统_files/one.png" class="avatar" alt="">
							<h4>校笑效</h4>
							<p>xiaoxiao</p>
							<ul class="user-menu" style="display: none; height: 233px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
								<li>
									<a href=""><i class="iconfont iconyonghuzhongxin"></i><span>用户中心</span><i class="iconfont iconxiayibu"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont iconshezhi"></i><span>设置</span><i class="iconfont iconxiayibu"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont iconbangzhu"></i><span>帮助</span><i class="iconfont iconxiayibu"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont iconbangzhu"></i><span>意见反馈</span><i class="iconfont iconxiayibu"></i></a>
								</li>
								<li>
									<a href="javascript:;" id="btnLogout"><i class="iconfont iconbangzhu"></i><span>退出登录</span><i class="iconfont iconxiayibu"></i></a>
								</li>
							</ul>
						</div>
						<ul class="info-statistics">
							<li>
								<a href="" id="btnCheckin">
									<i class="iconfont icon-checkin"></i>
									<p>签到</p>
								</a>
							</li>
							<li>
								<a href="">
									<i class="iconfont icon-gold"></i>
									<p id="jb_p">927</p>
								</a>
							</li>
						</ul>
						<ul class="fast-course">
							<li>
								<a href="http://danci.yfhl.net:8080/dcsj/web/courseList"><i class="iconfont icondiejia"></i><span>选择课程</span><i class="iconfont iconmore"></i></a>
							</li>
							<li class="active">
								<a href="javascript:;">
									<i class="iconfont iconplane"></i>
									<span>我的课程</span><i class="iconfont iconmore"></i>
								</a>
								<ul id="myCourse">

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/courseComprehensive?id=c55f481007eb432983c410c13a5bc99e">自然拼读导学课程（小学段）</a>
									</li>

								</ul>
							</li>
							<li class="active">
								<a href="javascript:;">
									<i class="iconfont iconFriendsIcon"></i>
									<span>过期课程</span><i class="iconfont iconmore"></i>
								</a>
								<ul>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">高考必刷词（第一册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">高考3500词（第一册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（必修五）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">外研版（一年级起点）（一年级上册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（七年级下册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（八年级下册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（八年级上册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">高考必刷词组（第一册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（必修一）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（七年级上册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版PEP（三年级上册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">自然拼读导学课程（高中段）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">人教版（九年级全册）</a>
									</li>

									<li>
										<a href="http://danci.yfhl.net:8080/dcsj/web/index#">剑桥少儿英语（第一级上）</a>
									</li>

								</ul>
							</li>
							<li>
								<a href="javascript:;" id="btnMenuFold"><i class="iconfont iconshousuo"></i></a>
							</li>
						</ul>
					</div>
					<div id="mainContent" class="col-sm-4-5">
						<div class="main-content">
							<ul class="main-content-header">
								<li class="active">
									<a href="javascript:void(0)" onclick="show(0)"><i class="iconfont iconiconyinliang"></i><span>单词基础</span></a>
								</li>
								<li>
									<a href="javascript:void(0)" onclick="show(1)"><i class="iconfont iconquxian"></i><span>智能复习</span></a>
								</li>
								<li>
									<a href="javascript:void(0)" onclick="show(2)"><i class="iconfont iconceshi"></i><span>自主测试</span></a>
								</li>
								<li>
									<a href="javascript:void(0)" onclick="show(3)"><i class="iconfont icondanciben"></i><span>单词本</span></a>
								</li>
							</ul>

							<!--
                            	作者：呆先森
                            	时间：2020-12-22
                            	描述：单词基础
                            -->
							<div class="main-content-box" style="display: block;">
								<div class="title-first" style="position: absolute;">
									<h3>单词基础</h3>
								</div>
								<div class="main-content-bgmenu" data-width="1818" data-height="1206" style="margin: 37px -37px 0px; height: 706.485px;">
									<div class="padding-20-57">
										<p class="tips">单词基础:以单词为核心，对单词，句子等进行基础<br>与提高学习，并且可就全书范围进行智能听写。</p>
									</div>
								</div>
							</div>

							<!--
                            	作者：呆先森
                            	时间：2020-12-22
                            	描述：智能复习
                            -->
							<div class="main-content-box" style="display: none;">
								<div class="title-first">
									<h3>智能复习&nbsp;<span style="font-size: 15px;color: #596172">您有<span style="color: #FF8C32;font-size: 28px">116</span>个单词需要复习</span></h3>
								</div>
								<div style="position: absolute;top: 37px;right: 37px;">
									<a href="/dcsj/web/smartReview_begin" class="btn btn-pink btn-mids">开始复习</a>
									<a href="javascript:;" class="btn btn-pink btn-mids btnWordImport" style="margin-left: 10px;">新词导入</a>
								</div>
								<div class="main-content-bgmenu" data-width="1818" data-height="1206" style="margin: 37px -37px 0px; height: 706.485px;">
									<div class="padding-20-57">
										<p class="tips">智能复习以德国心理学家赫尔曼艾宾浩斯(Hermann Ebbinghaus)<br>的遗忘曲线为理论基础，辅助记忆。</p>
									</div>
								</div>
							</div>

							<!--
                            	作者：呆先森
                            	时间：2020-12-24
                            	描述：自主测试
                            -->
							<div class="main-content-box" style="display: none;">
								<div class="title-first">
									<h3>自主测试</h3>
								</div>
								<div class="padding-20">
									<p class="tips">自主测试:自由选择测试的方式与试题数目，用以巩固学习效果。</p>
								</div>
								<div class="padding-0-20">
									<form action="/dcsj/web/selftestForm" id="selftestForm" method="post" class="color-normal form-sm" wid100="">
										<div class="form-group">
											<label class="form-label text-right">测试内容：</label>
											<div class="control-block">
												<label class="check check-radio width-primary">
													<input type="radio" name="testType" value="1" checked="checked"><i></i>生词测试
												</label>
												<label class="check check-radio width-primary">
													<input type="radio" name="testType" value="2"><i></i>熟词测试
												</label>
												<div class="h10"></div>
												<label class="check check-box width-primary">
													<input type="checkbox" value="2" name="testTx"><i></i>汉译英
												</label>
												<label class="check check-box width-primary">
													<input type="checkbox" value="1" name="testTx"><i></i>英译汉
												</label>
												<label class="check check-box width-primary">
													<input type="checkbox" value="4" name="testTx"><i></i>听写
												</label>
												<label class="check check-box width-primary">
													<input type="checkbox" value="3" name="testTx"><i></i>听选
												</label>
											</div>
										</div>
										<div class="form-group">
											<label class="form-label text-right">每组单词数：</label>
											<div class="control-block">
												<select name="groupCount" id="groupCount" class="form-control form-inline">
													<option value="10" selected="selected">10个</option>
													<option value="20">20个</option>
													<option value="30">30个</option>
												</select>
											</div>
										</div>
										<div class="h10"></div>
										<div class="form-group">
											<label class="form-label text-right"></label>
											<div class="control-block">
												<button type="button" onclick="checkSubmit()" class="btn btn-midss btn-pink">开始测试</button>
											</div>
										</div>
									</form>
								</div>
							</div>

							<!--
                            	作者：呆先森
                            	时间：2020-12-24
                            	描述：单词本
                            -->
							<div class="main-content-box" style="display: none;">
								<form action="" method="" class="form-sm color-normal" wid100="">
									<label class="check check-radio">
										<input type="radio" name="sort" value="1" checked="checked" onclick="changeList()"><i></i>字母顺序
									</label>
									<label class="check check-radio">
										<input type="radio" value="2" name="sort" onclick="changeList()"><i></i>熟悉程度
									</label>
									<div class="form-group-inline">
										<label class="form-label text-right">每组单词数：</label>
										<div class="control-block">
											<select name="" id="pageSize" class="form-control form-inline">
												<option value="3">3个</option>
												<option value="5">5个</option>
												<option value="8" selected="selected">8个</option>
												<option value="10">10个</option>
											</select>
										</div>
									</div>
									<div class="row">
										<div class="col-xs-12 margin-t-20">
											<div class="btn-group-interval btn-group-width4 nav-tabs-simplechange">
												<a href="javascript:;" class="btn btn-default btn-sm red active" onclick="findDate('1')">生词</a>
												<a href="javascript:;" class="btn btn-default btn-sm orange" onclick="findDate('2')">一般</a>
												<a href="javascript:;" class="btn btn-default btn-sm emerald" onclick="findDate('3')">熟悉</a>
												<a href="javascript:;" class="btn btn-default btn-sm blue" onclick="againSearch()">重新获取</a>
											</div>
										</div>
									</div>
								</form>
								<div class="word-list-card margin-t-20 padding-20-15" style="margin-left: -15px;margin-right: -15px;">
									<div class="row" id="rowList">
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="afternoon" data-chinese="下午" data-chinesetitle="下午" data-englishtitle="afternoon" title="afternoon">afternoon</div><span>[ˌɑ:ftəˈnu:n]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="afternoon_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="agree" data-chinese="vi.同意；持相同意见" data-chinesetitle="vi.同意；持相同意见" data-englishtitle="agree" title="agree">agree</div><span>[əˈgri:]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="agree_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="agree on sth" data-chinese="在某一点上取得一致意见" data-chinesetitle="在某一点上取得一致意见" data-englishtitle="agree on sth" title="agree on sth">agree on sth</div><span>[-]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="agree on sth_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="agree to sb" data-chinese="建议" data-chinesetitle="建议" data-englishtitle="agree to sb" title="agree to sb">agree to sb</div><span>[-]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="agree to sb_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="am" data-chinese="v.是" data-chinesetitle="v.是" data-englishtitle="am" title="am">am</div><span>[əm]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="am_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="an" data-chinese="一个，一" data-chinesetitle="一个，一" data-englishtitle="an" title="an">an</div><span>[ən]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="an_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="apple" data-chinese="n.苹果" data-chinesetitle="n.苹果" data-englishtitle="apple" title="apple">apple</div><span>[ˈæpl]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="apple_1_undefined" title="发音"></i></div>
										</div>
										<div class="col-sm-3">
											<div class="item">
												<div class="middle-box">
													<div class="middle-inner">
														<div class="word" data-english="bird" data-chinese="鸟" data-chinesetitle="鸟" data-englishtitle="bird" title="bird">bird</div><span>[bɜ:d]</span></div>
												</div><i class="iconfont iconlaba deacom" data-audioid="bird_1_undefined" title="发音"></i></div>
										</div>
									</div>
									<div class="text-center" id="pageDiv">
										<ul class="pagination pagination-sm">
											<li>
												<a href="#" style="background-color: rgb(221, 221, 221); cursor: default;"><i class="iconfont iconprev"></i></a>
											</li><input type="hidden" id="totalPage" value="4">
											<li class="active" onclick="getPage(&quot;1&quot;)">
												<a href="#">1</a>
											</li>
											<li onclick="getNextPage(&quot;2&quot;)">
												<a href="#">2</a>
											</li>
											<li onclick="getNextPage(&quot;3&quot;)">
												<a href="#">3</a>
											</li>
											<li onclick="getNextPage(&quot;4&quot;)">
												<a href="#">4</a>
											</li>
											<li onclick="getNextPage('2')">
												<a href="#"><i class="iconfont iconnext"></i></a>
											</li>
											<li class="jump">Go to <input onblur="gotoPage(this)" maxlength="5">Page</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="qds" style="display:none;"></div>
	</body>

	<script>
		function show(sum) {
			var content = document.getElementsByClassName('main-content-box'); // getElementsByClassName得到的是数组形式
			var con = content[sum]; // 得到数组的其中一成员，返回一个对象
				// 将该对象的diplay属性修改为block进行显示 
			con.style.display = "block";
			for(var index = 0; index < content.length; index++){
				//把没有选中的全部视为隐藏
				if(index != sum){
					content[index].style.display = "none";
				}
			}
			//console.log(content);
		}
	</script>

</html>